<!DOCTYPE html>
<html lang="en">
<head>
    [#include "/customer/include/static.htm"]
        <link href="${path}/resources/css/user.css?v=2" rel="stylesheet" type="text/css"/>
        <link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        option {
            font-size: 14px;
            line-height: 20px;
        }
    </style>

[#import "/customer/include/pagination.ftl" as p/]
</head>
<body>
<!--头部-->
[#include "/customer/include/header.ftl"]


<div class="member">
    <!--左边-->
[#include "/customer/include/member_left_menu.ftl"]

    <!--左边 end-->
    <div class="memberRight">
        <div class="member_tab">
            <div class="member_tab">
                <a class="on"  href="/member/account/log">资金明细</a>
                <a  href="/member/account/edit">银行账户</a>
                [#--<a href="/member/account/go_recharge_offline">线下充值</a>--]
                <a href="/member/account/go_recharge_online">线上充值</a>
                <a href="/member/account/recharges">充值记录</a>
                <a href="/member/account/gocash">用户提现</a>
                <a href="/member/account/withdrawals">提现记录</a>

            </div>
        </div>
        <div class="member_tab_info">

            <div class="fund_screening">
                <form name="form1" class="layui-form" action="/member/account/log" method="post">
                    <p class="serach-inp">
                        <span>起止时间:</span>
                        <input class="laydate-icon" name="beginDate" value="" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',readOnly:'true'})" id="startDate">
                        -
                        <input class="laydate-icon" name="endDate" value="" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',readOnly:'true'})" id="endDate">
                        <button   class="layui-btn   layui-btn-danger"  style="width: 100px;background-color: #f3485a" onclick="selectMessage();">查询</button>
                    </p>
                </form>

            </div>
            <div id="ajax">
                <table id="rechargeTb" class="layui-table">
                    <tbody>
                    <tr>
                        <th class="th1">时间</th>
                        <th class="th2">交易类型</th>
                        <th class="th3">资金</th>
                        <th class="th5">可用余额</th>
                        <th class="th5">总金额</th>
                        <th class="th5">冻结金额</th>

                    </tr>

                    [#if logs?? && logs?size > 0]
                        [#list logs as log]
                        <tr>
                            <td class="td1">
                            ${p2p_date_format(log.addtime,"yyyy-MM-dd HH:mm:ss")}
                            </td>
                            <td class="td2">
                                <div class="i-table-icon i-table-icon1"><b class="i-table-tips-tit">
                                ${p2p_get_dict("account_type", log.type)}</b>
                                    <i class="i-table-tips-icon">
                                        <div class="i-table-tips-box">
                                            <b></b>
                                            <p>${(log.remark)!''}</p>
                                        </div>
                                    </i>
                                </div>
                            </td>
                            <td class="td3">

                                [#if log.flow=='in']
                                    <b class="b-col1">+ ${log.money }</b>
                                [#elseif log.flow=='out' ]
                                    <b class="b-col2">- ${log.money }</b>
                                [#elseif log.flow=='thaw' ]
                                    <b >解冻 ￥${log.money }</b>
                                [#elseif log.flow=='out_yuebao' ]
                                    <b>活期宝撤购 ￥${log.money }</b>
                                [#elseif log.flow=='into_yuebao' ]
                                    <b>活期宝购买 ￥${log.money }</b>
                                [#elseif log.flow=='col']
                                    <b style="color:deepskyblue"> ￥${log.money }</b>
                                [#else]
                                    <b>冻 ￥${log.money }</b>
                                [/#if]
                            </td>
                            <td class="td5">￥${(log.balance)!'' }</td>
                            <td class="td5">￥${(log.total)!'' }</td>
                            <td class="td5">￥${(log.freezing_amont)!'' }</td>

                        </tr>
                        [/#list]
                    [#else]
                    <tr>
                        <td colspan="7"><div class="nodataimg"></div></td>
                    </tr>
                    [/#if]
                    </tbody>
                </table>
            [@p.pager pager = page parameterMap={"beginDate":"${beginDate}","endDate":"${endDate }" }   url = "${path}/member/account/log"/]
            </div>
            <!--资金记录 end--></div>
    </div>
</div>
<script type="text/javascript" src="${path}/resources/plug/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        var start = {
            min: '2017-06-01 00:00:00'
            ,max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };

        var end = {
            min: '2017-06-01 00:00:00'
            ,max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

        document.getElementById('startDate').onclick = function(){
            start.elem = this;
            laydate(start);
        }
        document.getElementById('endDate').onclick = function(){
            end.elem = this
            laydate(end);
        }

    });
</script>
[#include "/customer/include/footer.ftl"]
</body>
</html>